#layout{
    padding-bottom: 0.5rem;
	width: 100%;
	max-width: 640px;
	min-width: 320px;
    margin: 0 auto;
    
    .fz12{
        font-size: 0.12rem;
    }
    .fz14{
        font-size: 0.14rem;
    }
    .fz16{
        font-size: 0.16rem;
    }
    .blue{
        color: #1ab2db;
    }
    .gray-6{
        color: #666;
    }
    .gray-9{
        color: #999;
    }
    .white{
         background-color: #fff;
    }

    
    .top{
        position: fixed;
		top: 0;
		left: 0;
		z-index: 22;
        width: 100%;
        height: 0.44rem;
        line-height: 0.44rem;
		font-size: 0.14rem;
		background: rgba(0,0,0,0.4);
        padding: 0 0.2rem;
        display: flex;
        justify-content: space-between;
        .back,.share{
            color: transparent;
		    line-height: 999rem;
		    overflow: hidden;
        }
        .back{
			width: 0.15rem;
			height: 0.2rem;           
			margin-top: 0.13rem;
			background: url(../images/icon/sprites.png) no-repeat -0.51rem -0.16rem;
			background-size: 3.75rem auto;
			
        }
        h3{
            font-weight:normal;
           
            color: #fff;
            margin-left: 0.3rem;
        }
        .tag{
           
            a{
                display: inline-block;
            }
            .share{
                width: 0.2rem;
                height: 0.2rem;
                margin-bottom:-0.07rem;
                background: url(../images/icon/sprites.png) no-repeat -2.28rem -3.13rem;
                background-size: 3.75rem auto;
            }
            .more{
                color: #fff;
                font-size: 0.3rem;
                margin-left: 0.15rem;
                margin-top: -0.15rem;

            }
           
        }
    }
    #wrapper{
        .content{
           background: #f4f4f4;
           border-bottom: 1px solid #ccc;
            .detail{
                background: #fff;
                .img-box{
                    width: 100%;
                    height: 100%;
                    position: relative;
                    .from{
                        padding: 0.03rem 0.18rem;
                        display: flex;
                        justify-content: space-between;
                        position: absolute;
                        width: 100%;
                        bottom: 0;
                        background: rgba(0,0,0,0.4);
                        color: #fff;
                        font-size: 0.15rem;
                    }
                }


                .desc-box{
                    padding: 0.15rem 0.18rem;
                    h3{
                        font-size: 0.18rem;
                       
                    }
                    .bg{
                        display: block;
                        width: 0.8rem;
                        height: 0.15rem;
                        background: url(../images/icon/sprites.png) no-repeat -0.19rem -2.1rem;
                        background-size: 3.75rem auto;
                        margin: 0.13rem 0;
                    }
                    .prize{
                        position: relative;
                        font-size: 0.12rem;
                        color: #999;
                        i{
                            font-style: normal;
                        }
                        i.dollar{
                            color: #ff4401;
                            font-size: 0.1rem;
                            position: absolute;
                            top: 0;
                            left: 0;
                            
                        }
                        span.saler{
                            font-size: 0.18rem;
                            color: #ff4401;
                            margin-left: 0.1rem;
                        }
                        .tip{
                           
                            i{
                                background: #eeeeee;
                                margin-left: 0.12rem;
                                padding: 3px 4px;
                                border: 1px solid #ccc;
                                

                            }
                        }
                    }
                }

                
            }
            .discount{
                background: #fdeacc;
                font-size: 0.12rem;
                color: #666;
                padding: 0.15rem 0.18rem;
                position: relative;
                border-bottom: 1px solid #ccc;
                .discount-top,.discount-bot{
                    display: flex;
                    span{
                        padding: 0.02rem 0.04rem;
                        position: absolute;
                        border: 1px solid #ef4242;
                        border-radius: 3px;
                        margin-right:0.06rem;
                        margin-top: 0.08rem;
                    }
                    .info{
                        width: 100%;
                        padding-left: 0.45rem;
                        p{
                            text-overflow: ellipsis;
                            white-space: nowrap;
                            overflow: hidden;
                            line-height: 0.18rem;
                            &:before{
                                content: '';
                                display: inline-block;
                                width: 5px;
                                height: 5px;
                                border-radius: 50%;
                                background: #999;
                                margin-right: 3px;
                                margin-bottom: 2px;
                            }
                            
                        }
                      
                    }
                }
                .discount-top{
                    span{
                        color: #ef4242;
        
                    }
                }
                .discount-bot{
                    margin-top: 0.12rem;
                    span{
                        color: #fad599;
                        background: #ef4242;
        
                    }
                }
                &:after{
                    position: absolute;
                    left: 95%;
                    top: 45%;
                    content: '';
                    width: 0.1rem;
                    height: 0.16rem;
                    background: url(../images/icon/arrow.png) no-repeat center / 80% auto;
                }
            }
            .evaluate{
                padding: 0 0.18rem;
                background: #fff;
                margin-top: 0.1rem;
                border-top: 1px solid #ccc;
                border-bottom: 1px solid #ccc;
                color: #666;
                font-size: 0.12rem;
                i{
                    font-style: normal;
                }
                
                .eva-head{
                    margin-top: 0.18rem;
                    padding-bottom: 0.14rem;
                    border-bottom: 1px solid #ccc;
                    .score{
                        span{
                            margin-right: 0.1rem;
                            
                            &:nth-of-type(1){
                                font-size: 0.15rem;
                            }
                            .orange{
                                color:#ff4401;
                            }
                        }

                    }
                    .score-desc{
                        margin-top: 0.1rem;
                        display: flex;
                        flex-wrap: wrap;
                        i{
                            margin-right: 0.13rem;
                            margin-bottom: 0.06rem;
                            background: #f5f5f5;
                            border-radius: 3px;
                            padding: 2px 5px;
                            &:nth-of-type(3){
                                margin-right: 0;
                            }
                        }
                       
                    }
                }
                .eva-cont{
                    margin-top: 0.14rem;
                    // margin-bottom: 0.3rem;
                    
                  .eva-cont-desc{
                      margin-top: 0.07rem;
                      
                  }
                  .eva-all-btn{
                      text-align: center;
                      margin-top: 0.2rem;
                      height: 0.45rem;
                      
                      a{
                        
                        padding: 0.07rem 0.18rem;
                        border: 1px solid #1ab2db;
                        color: #1ab2db;
                        border-radius: 5px;
                    }
                      }
                     
                }
            }
            .tabbar{
                // padding: 0 0.18rem;
                margin-top:0.1rem;
                border-top: 1px solid #ccc;
                background: #fff;
                color: #666;
                .nav{
                    display: flex;
                    font-size: 0.15rem;
                    border-bottom: 1px solid #e0e0e0;
                    li{
                        width: 33.33%;
                        text-align:center;
                        height: 0.54rem;
                        line-height: 0.54rem;
                    }
                    li.on{
                        color: #1ab2db;
                        border-bottom:4px solid #f7c612;
                    }
                }
                // 产品特色
                .special{
                    img{
                        margin-top: -1px;
                    }
                }
                // 行程详情
                .plan{
                  padding-left: 0.42rem ;
                  padding-right: 0.48rem;
                  margin-top: 0.25rem;
                  position: relative;
                  .day{
                        position: absolute;
                        right: 90%;
                        font-size: 0.1rem;
                        color: #fff;
                        width: 0.4rem;
                       
                       
                        i{
                            
                          display: inline-block;
                           width: 0.4rem;
                           height: 0.18rem;
                           line-height: 0.18rem;
                        //    text-indent: 0.02rem;
                           background: url(../images/icon/sprites.png) no-repeat -1.24rem -2.07rem;
                           background-size: 3.75rem auto;

                        }
                  }
                  .details{
                      .plan-list{
                          border-left: 1px dashed #2f90bb;
                        //   margin-bottom: 0.2rem;
                        &>li{
                            position: relative;
                            line-height: 0.25rem;
                            text-indent: 0.1rem;
                            .gray-9{
                                border:1px solid #e0e0e0;
                                
                            }
                            i{
                                position: absolute;
                                width: 0.06rem;
                                height: 0.06rem;
                                border-radius: 50%;
                                background: #2f90bb;
                                left: -0.04rem;
                                top: 0.1rem;
                            }
                        }                
                          .plan-img{
                              padding-bottom: 0.15rem;
                              ul{
                                display: flex;
                                //   position: absolute;
                                  margin-left: 0.45rem;
                                  margin-top: 0.1rem;
                                  justify-content: space-between;
                                  flex-wrap: wrap;
                                  li{
                                    width: 49%;
                                    border: 1px solid #cccc;
                                    margin-bottom: 0.05rem;
                                  }
                              }
                             
                           
                          }
                      }
                  }
                }
                // 预订须知
                .notice{
                    padding: 0.22rem 0;
                    display: flex;
                    justify-content: space-between;
                    .icon{
                        width: 8%;
                        i{
                            display: block;
                            width: 0.22rem;
                            height: 0.22rem;
                            margin-left: 0.08rem;
                            background: url(../images/icon/sprites.png) no-repeat -1.79rem -2.06rem;
                            background-size: 3.75rem auto;  
                        }
                      
                    }
                    .notice-cont{
                        width: 90%;
                        padding-right: 0.22rem;
                        .cost{
                            margin-top: 0.18rem;
                            dt{
                                margin-bottom: 0.15rem;
                             
                               
                            
                            }
                        }
                    }
                }
    
            }
        }
    
    
    }
   







    .footer{
        position: fixed;
		width: 100%;
		bottom: 0;
		left: 0;
        // height: 0.5rem;
        line-height: 0.5rem;
		background: #f5f5f5;
		border-top: 1px solid #e0e0e0;
        z-index: 22;
        display: flex;
        
            
            
            a{
                text-align: center;
                font-size: 0.18rem;
            }
            .love,.add,.phone{
                width: 20%;
              
            }
            .love{
                &:before{
                    content: '';
                    display: block;
                    width: 0.3rem;
                    height: 0.3rem;
                    background:  url(../images/icon/sprites.png) no-repeat -2.3rem -1.65rem;
                    // background-position:  
                    background-size:3.75rem auto;
                    margin: 0 auto;
                    margin-top: 0.12rem;
                }
           
            }
           
            .add{
                border-left: 1px solid #dcdcdc;
                border-right: 1px solid #dcdcdc;
                &:before{
                    content: '';
                    display: block;
                    width: 0.26rem;
                    height: 0.26rem;
                    background:  url(../images/icon/sprites.png) no-repeat -2.73rem -1.63rem;
                    background-size:3.75rem auto;
                    margin: 0 auto;
                    margin-top: 0.12rem;
                }
            }
            .phone{
                &:before{
                    content: '';
                    display: block;
                    width: 0.3rem;
                    height: 0.3rem;
                    background:  url(../images/icon/sprites.png) no-repeat -3.1rem -1.62rem;
                    background-size:3.75rem auto;
                    margin: 0 auto;
                    margin-top: 0.12rem;
                }
            }
            .btn-book{
                width: 40%;
                background: #f1a30f;
                color: #fff;
            }
        
    }


    // 返回顶部
	#top{
		position: fixed;
		bottom: 0.7rem;
		right: 0.12rem;
		font-size: 0.1rem;
		width: 0.48rem;
		height: 0.48rem;
		padding-top: 0.08rem;
		border-radius: 50%;
		border: 1px solid #ccc;
		text-align: center;
        background-color: rgba(255, 255, 255, 0.8);
        display: none;
		&::before{
			content: '';
			display: block;
			margin-left: 0.15rem;
			width: 0.15rem;
			height: 0.19rem;
			background: url(../images/icon/sprites.png) no-repeat  -1.97rem -3.12rem;
			background-size: 3.75rem auto;			
		}
	}
}